<template>
  <div >
    <h3>自定义slot</h3>
    <myProcess>
      <div>
        <t-space direction="vertical" size="small" class="t-progress-domo-width">
          <div class="t-progress-domo-margin">默认样式</div>
          <t-progress theme="plump" :percentage="0" />
          <div class="t-progress-domo-margin">进度0-10%时数字数字位置出现在目前进度的右边区域</div>
          <t-progress theme="plump" :percentage="25" />
        </t-space>
      </div>
    </myProcess>
  </div>

</template>

<style scoped>
.t-progress-domo-width {
  width: 100%;
}

h3 {
  margin: 24px 0;
}

div > .t-progress-domo-margin:first-child {
  margin-top: 0;
}

.t-progress-domo-margin {
  margin: 16px 0 4px;
}
</style>